/**
 *  @type Common flyUtilComponents-style
 *  @role 衣有道 flyUtil-Button
 *  @createDate Mr.Liu on 2017.06.13.16:46
 */

.fly-btn{
    display: inline-block;
    text-align: center;
    height: 30px;
    line-height: 1.5;
    border:1px solid transparent;
    border-radius: 2px;

    padding:0 30px;
    white-space: nowrap;
    cursor: pointer;
    background-image:none;
    background-color:#fff;
    font-size:12px;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;


    -webkit-transition: all .15s cubic-bezier(.645,.045,.355,1);
    transition: all .15s cubic-bezier(.645,.045,.355,1);

    /*独特*/
    box-sizing: border-box;
}

.fly-btn, .ant-fly:active, .ant-fly:focus{  outline: 0;  }

/*大小*/
.fly-btn.fly-btn-lg{
    height: 35px;
    padding: 0 40px;
}
.fly-btn.fly-btn-lg > span{
    font-size:14px;
}
/*font-size: 14px;*/
.fly-btn.fly-btn-sm{
    height: 25px;
    padding:0 20px;
}

/*disabled样式*/
.fly-btn:disabled, .fly-btn[disabled] {
    color: rgba(0, 0, 0, .25);
    background-color: #f7f7f7;
    border-color: #d9d9d9;
    cursor: not-allowed;
}

/*主要的*/
.fly-btn-primary{
    color:#fff;
    background-color: #37b3b3;
}
.fly-btn-primary:hover{
    background-color: #4ababb;
}
.fly-btn-primary:active{
    background-color: #30a0a1;
}

/*镂空*/
.fly-btn-blank{
    background: #fff;
    color:#666;
    border-color:#b3b3b3;
}
.fly-btn-blank:hover{  border-color:#36b3b3; color:#36b3b3; }
.fly-btn-blank:active{  background-color: #f3ffff; color:#36b3b3; }

/*危险*/
.fly-btn-danger{
    color: #f04134;
    background-color: #f7f7f7;
    border-color: #d9d9d9;
}
.fly-btn-danger:hover{
    background-color:#f04134;
    border-color:#f04134;
    color:#fff;
}
.fly-btn-danger:active{
    background-color:#d73435;
    border-color:#d73435;
    color:#fff;
}

/*替换disabled样式*/
.fly-btn-primary[disabled]:hover,
.fly-btn-primary[disabled]:active,
.fly-btn-blank[disabled]:hover,
.fly-btn-blank[disabled]:active,
.fly-btn-danger[disabled]:hover,
.fly-btn-danger[disabled]:active {
    background-color: #f7f7f7;
    border-color: #d9d9d9;
    color: rgba(0, 0, 0, .25);
}